.logo{
width:1130px;
margin: 0 auto;
}
.logo a{
display:block;
width:200px;
height:98px;
}
.banner{
width:100%;
height:420px;
background:url("../img/login.jpg") no-repeat top center;
background-size:cover;
position: absolute;
left: 0;
top: 98px;
}
.login{
width:410px;
min-height: 524px;
font-size: 14px;
background:#fff;
color:#757575;
position:relative;
margin-bottom: 0;
margin-left: 790px;
margin-top:35px;
}
.hd{
padding:27px 0 24px;
font-size:24px;
text-align:center;
}
.hd i{
width:1px;
height:24px;
margin: 0 35px 0 42px;
border:1px solid #e0e0e0;
}
.hd span{
cursor:pointer;
}
.hd span.current{
color:#f56600;
}
.bd input{
width:348px;
height:48px;
padding:13px 16px 13px 14px;
font-size:14px;
line-height:26px;
margin-bottom:14px;
margin-left:31px;
margin-top:10px;
border:2px solid #e0e0e0;
}
.bd button{
width:348px;
height:50px;
padding:0;
text-align:center;
line-height:50px;
font-size:14px;
background:#f56600;
color:#fff;
margin-left:31px;
margin-bottom:14px;
cursor:pointer;
}
.bd>form>ul>li>a{
display:block;
color:#757575;
width:348px;
text-align:right;
margin-bottom:130px;
margin-left:31px;
}
.bd .ways{
text-align:center;
position:relative;
color:#bbb;
}
.bd .ways:before{
content:"";
display:block;
width:130px;
height:1px;
background:#e0e0e0;
position:absolute;
top:9px;
left: 31px;
}
.bd .ways:after{
content:"";
display:block;
width:130px;
height:1px;
background:#e0e0e0;
position:absolute;
top:9px;
right: 31px;
}
.other{
width: 348px;
height: 40px;
margin: 14px auto 0;
}
.other>ul>li{
width: 30px;
height: 30px;
float: left;
margin-left:31px;
border-radius:50%;
}
.other>ul>li:nth-of-type(1){
margin-left:70px;
background:#0288d1;
}
.other>ul>li:nth-of-type(2){
background:#d32f2f;
}
.other>ul>li:nth-of-type(3){
background:#0ae;
}
.other>ul>li:nth-of-type(4){
background:#00d20d;
}
.other ul li a{
float: left;
display:inline-block;
width: 18px;
height: 18px;
margin-left:7px;
margin-top:5.5px;
}
.other ul li a[title="QQ"]{
background: url("../img/icons_type.png") no-repeat -20px 0;
}
.other ul li a[title="weibo"]{
margin-left:6px;
background: url("../img/icons_type.png") no-repeat -38px 0;
}
.other ul li a[title="alipay"]{
margin-left:4px;
width:25px;
background: url("../img/icons_type.png") no-repeat -57px 0;
}
.other ul li a[title="wechat"]{
margin-left:4px;
width:24px;
background: url("../img/icons_type.png") no-repeat -84px 0;
}
.footer{
color:#9d9d9d;
text-align:center;
height:80px;
margin-top:100px;
}
.footer ul li{
display:inline-block;
}
.footer ul li a{
color:#757575;
padding:0px 10px;
}
.footer ul li a.current{
color:#333;
}
.footer>p{
position:relative;
padding:10px;
}
.footer>p>span{
display:block;
width:786px;
position:absolute;
left: 50%;
margin-left:-393px;
}
.img{
display:inline-block;
width:20px;
height:20px;
background:url('../img/ghs.png') no-repeat;
}
.bd form{
display:none;
}
.bd form.current{
display:block;
}

#ul{
margin-top:150px;
}
.code{
width:180px;
height:180px;
margin-left:115px;
}
.code img{
width:180px;
height:180px;
}
#ul p{
width:300px;
text-align:center;
margin-left:-61px;
}
#ul p span{
color:#f56600;
}




